<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="https://cdn.bootcdn.net/ajax/libs/minireset.css/0.0.2/minireset.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="dist/index.css" />
    <title>NewMessageBox</title>
  </head>
  <body>
    <!-- <div id="message-box">
      <div id="bg"></div>
      <div id="card">
        <header>
          标题
          <span>X</span>
        </header>
        <main>文本内容</main>
        <footer>
          <button>确定</button>
        </footer>
      </div>
    </div> -->
    <script type="module">
      import hd from './index.js'
      hd.MessageBox({
        width: 600,
        title: 'hd弹窗标题',
        text: 'hd弹窗文本内容',
        btntext: '确定',
        success() {
          alert('success')
          this.hide()
        },
      })
    </script>
  </body>
</html>
